@charset "utf-8";

/*------------ header ------------*/
/* navi */
#header div.CNT_nav {
	margin-bottom: 0.5em;
}
/* appback button */
/*
#header div.CNT_nav ul.js_appback {
	margin-bottom: 10px;
	margin-left: 10px;
}
*/
/* navi list */
#header ul.CNT_index {
	width: 95%;
	margin: 0 auto;
	text-align: right;
}
#header ul.CNT_index li a {
	color: #555555;
}
#header ul.CNT_index li a:hover {
	color: #cc0000;
}
/* header logo */
#header div.CNT_header_logo {
	width: 91%;
	margin: 0 auto 1em;
	padding: 2%;
	text-align: center;
}
#header div.CNT_header_logo h1 {
	font-size: 1.5em;
	color: #555555;
}
#header div.CNT_header_logo h1 span.CNT_model_name {
	font-size: 0.8em;
}
#header div.CNT_header_logo h1 span.CNT_other_model {
	font-size: 0.6em;
}
/* setup, model change button */
#header ul.CNT_title_button li {
	display: inline-block;
	margin-top: 0.5em;
}
#header ul.CNT_title_button li a {
	display: block;
	padding: 5px;
	border: solid 1px #cccccc;
	color: #555555;
	font-size: 1em;
	text-decoration: none;
}
#header ul.CNT_title_button li a:after {
	content: url(screens/title_btn_arrow.png);
	padding-left: 0.5em;
	vertical-align: middle;
}
#header ul.CNT_title_button li a:hover {
	border: solid 1px #cc0000;
	color: #cc0000;
}
#header ul.CNT_title_button li a:hover::after {
	content: url(screens/title_btn_arrow_h.png);
}
/* search */
#header div.search_wrap.CNT_search_wrap {
	margin-top: 20px;
	margin-bottom: 20px;
}
#header div.search_wrap.CNT_search_wrap #bcs-search-form {
	float: none;
	margin: 0 auto;
	max-width: 70%;
}
#header div.search_wrap.CNT_search_wrap ul.hint {
	margin: 0 auto;
	padding-right: 5px;
	max-width: 70%;
	min-width: 200px;
}
#header div.search_wrap.CNT_search_wrap ul.hint a:hover{
	color: #cc0000;
}

/*------------ contents ------------*/
/* flex */
.CNT_flex {
	display: flex;
}
.CNT_pc_image {
	display: none;
}
/* contents */
div.CNT_contents {
	width: 95% !important;
}
/* major_item_list medium_item_list */
#contents ul.CNT_major_item_list,
#contents ul.CNT_medium_item_list {
	list-style: none;
	margin-bottom: 1em;
	padding-left: 0;
}
#contents ul.CNT_major_item_list.CNT_flex,
#contents ul.CNT_medium_item_list.CNT_flex {
	flex-flow: column;
}
#contents ul.CNT_major_item_list li,
#contents ul.CNT_medium_item_list li {
	margin-bottom: 0.5em;
}
#contents ul.CNT_major_item_list li a,
#contents ul.CNT_medium_item_list li a {
	display: block;
	height: calc(100% - 4%);
	padding: 2%;
	border: solid 2px #bbbbbb;
	color: #000000;
	text-decoration: none;
}
#contents ul.CNT_major_item_list li a:hover,
#contents ul.CNT_medium_item_list li a:hover {
	border: solid 2px #cc0000;
	color: #cc0000;
}
#contents ul li a span.CNT_flex {
	align-items: center;
}
#contents ul li a span.CNT_title {
	margin-left: 1.5em;
}
#contents ul.CNT_medium_item_list li a {
	background: -moz-linear-gradient(top, transparent 0%, transparent 75%, #eeeeee 76%, #eeeeee);
	background: -webkit-linear-gradient(top, transparent 0%, transparent 75%, #eeeeee 76%, #eeeeee);
	background: linear-gradient(to bottom, transparent 0%, transparent 75%, #eeeeee 76%, #eeeeee);
}
/* tab */
#contents div.CNT_category_wrap div.CNT_category_select {
	display: none;
}
/* category_list */
#contents div.CNT_category_wrap div.CNT_category_list div.CNT_category:not(:first-child) {
	margin-top: 2px;
}
#contents div.CNT_category_wrap div.CNT_category_list .js_fold_open_button,
#contents div.CNT_category_wrap div.CNT_category_list .js_fold_close_button {
	padding: 0.7em;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-position: 98% center;
}
#contents div.CNT_category_wrap div.CNT_category_list .js_toggle a:focus {
	outline: auto;
}
#contents div.CNT_category_wrap div.CNT_category_list .js_fold_open_button a:before,
#contents div.CNT_category_wrap div.CNT_category_list .js_fold_close_button a:before {
	content: none;
}
#contents div.CNT_category_wrap div.CNT_category_list .js_fold_close_button {
	background-image: url(screens/cnt_plus.png);
}
#contents div.CNT_category_wrap div.CNT_category_list .js_fold_open_button {
	background-image: url(screens/cnt_minus.png);
}
#contents div.CNT_category_wrap div.CNT_category_list span.CNT_flex {
	align-items: center;
}
#contents div.CNT_category_wrap div.CNT_category_list span.CNT_list_title {
	margin-left: 20px;
	margin-right: 30px;
}
#contents div.CNT_category_wrap div.CNT_category_list div.js_fold_open_area {
	padding: 0;
	border-left: solid 10px #eeeeee;
	border-right: solid 3px #eeeeee;
	border-bottom: solid 3px #eeeeee;
}
#contents div.CNT_category_wrap div.CNT_category_list ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}
#contents div.CNT_category_wrap div.CNT_category_list ul li {
	padding: 1em;
	border-bottom: solid 1px #eeeeee;
	font-size: 1em;
}
#contents div.CNT_category_wrap div.CNT_category_list ul li:last-child {
	border-bottom: none;
}
#contents div.CNT_category_wrap div.CNT_category_list ul li a {
	color: #000000;
}
#contents div.CNT_category_wrap div.CNT_category_list ul li a:hover {
	color: #cc0000;
}

/*------------ footer ------------*/
#footer.CNT_footer div.nav {
	border-bottom: none;
}
#footer.CNT_footer p.gototop {
	border-bottom: 1px solid #cccccc;
}
/* copyright */
#footer p.copyright a {
	color: #000000;
}
#footer p.copyright a:hover {
	color: #cc0000;
}

@media screen and (min-width: 480px) {
/* header_logo */
	#header div.CNT_header_logo {
		background: -moz-linear-gradient(top, #ffffff, #eeeeee);
		background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
		background: linear-gradient(to bottom, #ffffff, #eeeeee);
		border: solid 1px #cccccc;
	}
	#header ul.CNT_title_button li {
		background-color: #ffffff;
	}
}

@media screen and (min-width: 800px) {
/*------------ header ------------*/
/* navi list */
	#header ul.CNT_index {
		font-size: 1em;
	}
/* navi */
	#header div.CNT_nav:after {
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		content: "";
	}
/* header_logo */
	#header div.CNT_header_logo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: -moz-linear-gradient(left, #ffffff, #eeeeee);
		background: -webkit-linear-gradient(left, #ffffff, #eeeeee);
		background: linear-gradient(to right, #ffffff, #eeeeee);
	}
	#header div.CNT_header_logo h1 {
		padding-right: 1em;
		text-align: left;
	}
	#header ul.CNT_title_button li {
		display: block;
		min-width: 10em;
		text-align: left;
	}
	#header ul.CNT_title_button li:first-child {
		margin-top: 0;
	}
	#header ul.CNT_title_button li a {
		position: relative;
		padding: 10px 30px 10px 10px;
	}
	#header ul.CNT_title_button li a:after {
		position: absolute;
		top: calc(50% - 7px);
		right: 5px;
	}
/*------------ contents ------------*/
	.CNT_sp_image {
		display: none;
	}
	.CNT_pc_image {
		display: inline;
	}
	/* major_item_list medium_item_list */
	#contents ul.CNT_major_item_list,
	#contents ul.CNT_medium_item_list {
		margin-bottom: 2em; 
	}
	#contents ul.CNT_major_item_list.CNT_flex,
	#contents ul.CNT_medium_item_list.CNT_flex {
		flex-flow: row;
	}
	#contents ul.CNT_major_item_list li, 
	#contents ul.CNT_medium_item_list li {
		margin-bottom: 0;
		text-align: center;
	}
	#contents ul li a span.CNT_flex {
		flex-direction: column;
	}
	/* major_item_list */
	#contents ul.CNT_major_item_list li {
		width: calc((100% - 1%) / 2);
	}
	#contents ul.CNT_major_item_list li:not(:first-child) {
		margin-left: 1%;
	}
	#contents ul.CNT_major_item_list li a {
		height: calc(100% - 1em * 2 - 1px * 2);
		padding: 1em;
	}
	#contents ul.CNT_major_item_list li a span.CNT_img img {
		max-width: 80%;
	}
	#contents ul li a span.CNT_title {
		margin-left: 0;
		font-size: 1em;
	}
	/* medium_item_list */
	#contents ul.CNT_medium_item_list li {
		width: calc((100% - 1% * 2) / 3);
	}
	#contents ul.CNT_medium_item_list li:not(:first-child) {
		margin-left: 1%;
	}
	#contents ul.CNT_medium_item_list li a {
		height: calc(100% - 1px * 2);
		padding: 0;
		background: transparent;
	}
	#contents ul.CNT_medium_item_list li a span.CNT_img {
		width: 100%;
		background: -moz-linear-gradient(top, transparent 0%, transparent 70%, #eeeeee 71%, #eeeeee);
		background: -webkit-linear-gradient(top, transparent 0%, transparent 70%, #eeeeee 71%, #eeeeee);
		background: linear-gradient(to bottom, transparent 0%, transparent 70%, #eeeeee 71%, #eeeeee);
	}
	#contents ul.CNT_medium_item_list li a span.CNT_title {
		padding: 1em 0.5em;
	}
	/* tab */
	#contents div.CNT_category_wrap div.CNT_category_select {
		display: flex;
		margin-bottom: 3px;
	}
	#contents div.CNT_category_wrap div.CNT_category_select div.CNT_category {
		width: calc((100% - (4px * 2 * 4 + 3px * 3)) / 4);
		padding: 1em 5px 0.5em;
		background-color: #eeeeee;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border: solid 2px #c0c0c0;
		text-align: center;
		font-size: 1em;
		cursor: pointer;
	}
	#contents div.CNT_category_wrap div.CNT_category_select div.CNT_category:hover {
		background-color: #ffffff;
	}
	#contents div.CNT_category_wrap div.CNT_category_select div.CNT_category:not(:first-child) {
		margin-left: 3px;
	}
	#contents div.CNT_category_wrap div.CNT_category_select div.CNT_category span.CNT_category_title {
		display: block;
		margin-top: 0.5em;
		word-wrap: break-word;
	}
	#contents div.CNT_category_wrap div.CNT_category_select div.CNT_category.CNT_switch-on {
		margin-bottom: -6px;
		background-color: #ffffff;
		border: solid 2px #808080;
		border-bottom: none;
		color: #cc0000;
	}
	#contents div.CNT_category_wrap div.CNT_category_list > div {
		display: none;
		border: solid 2px #808080;
	}
	#contents div.CNT_category_wrap div.CNT_category_list div.CNT_switch-on {
		display: block;
	}
	#contents div.CNT_category_wrap div.CNT_category_list p.js_toggle {
		display: none;
	}
	#contents div.CNT_category_wrap div.CNT_category_list div.js_fold_close_area {
		display: block;
		padding: 0;
	}
	#contents div.CNT_category_wrap div.CNT_category_list div.js_fold_open_area {
		border: 0;
	}
}
@media print {
	#header div.CNT_nav { display: none; }
}